@import "style/theme.less";

.video-player-wrap {
  width: 400px;
  position: relative;
  background: #ddd;
  margin: 0 auto;
  height: calc(100vh - 120px);

  &.pause {
    &::after {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      background: fade(#000, 55%);
      position: absolute;
      left: 0px;
      top: 0px;
    }
  }

  .video-ele {
    width: 100%;
    max-height: 100%;
  }

  .video-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 50px;
    color: @primary-color;
    cursor: pointer;
  }
}